img{
    /* box-shadow:12px 12px 200px lightgoldenrodyellow; */
    float: left;
    border: 8px solid white;
    /* border-radius: 3px; */
    border-radius: 50%;
    
}

body{
    background-image: url(../webImgs/D5.jpg); 
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;


    color: lightseagreen;
/*    color:rgb(50, 73, 3);*/
    text-shadow: 3px 3px 3px lightgreen;
}
a:link{
   text-decoration: none; color: green
}
a:active{
    text-decoration: blink;
}
a:hover{
    text-decoration: underline; color: green;
}
a:visited{
    text-decoration: none; 
}

.divm{
    margin-top: 50px;
}

/*响应性布局*/
@media only screen and (max-width: 420px) {
   
    img {
    width: 100px;
    height: 100px;
    margin-left:60px;
    margin-top: 90px;
    }

    img:hover {
        width: 120px;
        height: 120px;
    }

    .divm{
        margin-left: 200px;
    }
    .div1{
        margin-left: 210px;
    }
    
     p{
        font-size:15px; 
    }
   
}

@media only screen and (min-width: 420px) and (max-width: 800px) {
    
    img {                                                
        width: 150px;
        height: 150px;
        margin-left:80px;
        margin-top: 90px;
        }
    
        img:hover {
            width: 170px;
            height: 170px;
        }

        .divm{
            margin-left: 300px;
        }
        .div1{
            margin-left: 300px;
        }
        
         p{
            font-size:20px; 
        }
   
}

@media only screen and (min-width: 800px) {
    img {
        width: 200px;
        height: 200px;
        margin-left:100px;
        margin-top: 90px;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               
        }
    
        img:hover {
            width: 230px;
            height: 230px;
        }

        .divm{
            margin-left: 600px;
        }
        .div1{
            margin-left: 360px;
        }
        
         p{
            font-size:23px; 
        }
}